<template>
  <div>
    <pannel v-for="(item,index) in arr" :key="index" 
    :name="item"
    ></pannel>
    <button @click="btn">没事我溜哒</button>
  </div>
</template>

<script>
import pannel from "./components/01.vue";
export default {
  data() {
    return {
      arr:['帅哥','美女','程序猿']
    };
  },
  components: {
    pannel,
  },
  methods: {
    btn(){
      this.arr.push(this.arr[0])

      this.arr.shift()
    }
  }
};
</script>

<style>
</style>